<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<!doctype html>
<html>
<head>
    <%@ include file="/common/common.jsp" %>
    <script src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
    <script type="text/javascript" src="${ctx }/js/zepto.min.js"></script>

    <link rel="stylesheet" href="${ctx }/statics/css/bootstrap.min.css">
    <link rel="stylesheet" href="${ctx }/statics/css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="${ctx }/css/weui.min.css"/>
    <%-- <link rel="stylesheet" type="text/css" href="${ctx }/css/jquery-weui.css"/> --%>

    <title>二维码详情</title>
</head>

<body>
<input id="url" type="hidden" value="${url}" />
<input id="timestamp" type="hidden" value="${timestamp}" />
<input id="noncestr" type="hidden" value="${nonceStr}" />
<input id="signature" type="hidden" value="${signature}" />
<input id="appId" type="hidden" value="${appId}" />
<input id="baseUrl" type="hidden" value="${baseUrl}" />
<div class="page">
    <div style="text-align: center">
        <div class="weui-msg__icon-area">
            <img style="width: 98%;height: 92%;max-height: 900px;max-width: 600px" src="/lookqrNewCode?codeNo=${codeNo}">
        </div>
        <div class="weui-msg__extra-area">
            <div class="weui-footer">
                <p class="weui-footer__links">
                    <a href="javascript:void(0);" class="weui-footer__link">由 道盈信息 提供服务支持</a>
                </p>
                <p class="weui-footer__text">Copyright @2017 备案号：湘ICP备17012799</p>
            </div>
        </div>
    </div>
</div>

<div id="dialogs">
    <div class="js_dialog" id="iosDialog2" style="display: none;">
        <div class="weui-mask"></div>
        <div class="weui-dialog">
            <div class="weui-dialog__bd" id="DialogMessage"></div>
            <div class="weui-dialog__ft">
                <a href="javascript:;" class="weui-dialog__btn weui-dialog__btn_primary DeleteDefault">确定</a>
            </div>
        </div>
    </div>
</div>
</body>

<script type="text/javascript">
    var codeNo = $("#codeNo").val();//二维码编号
    var title = $("#title").val();//分享标题
    var desc = $("#desc").val();//分享描述
    var baseUrl = $("#baseUrl").val();//服务器地址
    var imgUrl = baseUrl+"/lookImage?filePath="+$("#imgUrl").val()+"&imgSize=60x60";//分享图标
    $(function() {
        var timestamp = $("#timestamp").val();//时间戳
        var nonceStr = $("#noncestr").val();//随机串
        var signature = $("#signature").val();//签名
        var appId = $("#appId").val();//签名
        wx.config({
            debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
            appId: appId, // 必填，公众号的唯一标识
            timestamp: timestamp, // 必填，生成签名的时间戳
            nonceStr: nonceStr, // 必填，生成签名的随机串
            signature: signature,// 必填，签名，见附录1
            //url:location.href.split('#')[0],
            jsApiList: ['onMenuShareAppMessage']
            // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
        });
        wx.ready(function () {
            wx.onMenuShareAppMessage({
                title: title, // 分享标题
                desc: desc, // 分享描述
                link: baseUrl+'/auth/shareCode/'+codeNo, // 分享链接，该链接域名必须与当前企业的可信域名一致
                imgUrl: imgUrl, // 分享图标
                type: 'link', // 分享类型,music、video或link，不填默认为link
                success: function () {
                	$("#DialogMessage").html("分享成功");
            	    $iosDialog2.fadeIn(200);
                    // 用户确认分享后执行的回调函数
                },
                cancel: function () {
                	$("#DialogMessage").html("取消分享");
            	    $iosDialog2.fadeIn(200);
                    // 用户取消分享后执行的回调函数
                }
            });
        });
        wx.error(function (res) {
            //alert(res);
            // config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名。
        });

    });
    
    var $iosDialog2 = $('#iosDialog2');
	$('#dialogs').on('click', '.DeleteDefault', function () { //取消按钮事件
	    $(this).parents('.js_dialog').fadeOut(200);
	});

</script>
</html>